<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>叩丁狼客户关系管理系统-登录</title>
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/js/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/js/Ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="/js/adminlte/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/js/adminlte/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="/js/adminlte/css/fonts.googleapis.com.css">

    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap/js/bootstrap.js"></script>
    <script src="/js/adminlte/js/adminlte.min.js"></script>
    <script src="/js/plugins/twbsPagination/jquery.twbsPagination.min.js"></script>

    <script>
        $(function () {
            $(".submitBtn").click(function () {
                var params = $("#loginForm").serialize();//一次性获取表单中的所有参数
                $.post('/loginUser',params,function (data) { //jsonresult
                    if(data.success){
                        window.location.href = "/employee/list";
                    }else{
                        alert(data.msg)
                    }
                })

            })
        })
    </script>
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="http://www.wolfcode.cn"><b>叩丁狼</b>CRM</a>
    </div>
    <div class="login-box-body">
        <p class="login-box-msg">请输入账号密码</p>

        <form method="post" id="loginForm">
            <div class="form-group has-feedback">
                <input type="text" class="form-control" placeholder="请输入账号" name="username" value="admin">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" class="form-control" placeholder="请输入密码" name="password" value="1">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-4">
                    <button type="button" class="btn btn-primary btn-block btn-flat submitBtn">登录</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
　
<script>
    /* !
     function () {
     function n(n, e, t) {
     return n.getAttribute(e) || t
     }

     function e(n) {
     return document.getElementsByTagName(n)
     }

     function t() {
     var t = e("script"),
     o = t.length,
     i = t[o - 1];
     return {
     l: o,
     z: n(i, "zIndex", -1),
     o: n(i, "opacity", .5),
     c: n(i, "color", "0,0,1"),
     n: n(i, "count", 99)
     }
     }

     function o() {
     a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
     c = m.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
     }

     function i() {
     r.clearRect(0, 0, a, c);
     var n, e, t, o, m, l;
     s.forEach(function (i, x) {
     for (i.x += i.xa, i.y += i.ya, i.xa *= i.x > a || i.x < 0 ? -1 : 1, i.ya *= i.y > c || i.y < 0 ? -1 : 1, r.fillRect(i.x - .5, i.y - .5, 1, 1), e = x + 1; e < u.length; e++) n = u[e],
     null !== n.x && null !== n.y && (o = i.x - n.x, m = i.y - n.y, l = o * o + m * m, l < n.max && (n === y && l >= n.max / 2 && (i.x -= .03 * o, i.y -= .03 * m), t = (n.max - l) / n.max, r.beginPath(), r.lineWidth = t / 2, r.strokeStyle = "rgba(" + d.c + "," + (t + .2) + ")", r.moveTo(i.x, i.y), r.lineTo(n.x, n.y), r.stroke()))
     }),
     x(i)
     }

     var a, c, u, m = document.createElement("canvas"),
     d = t(),
     l = "c_n" + d.l,
     r = m.getContext("2d"),
     x = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
     function (n) {
     window.setTimeout(n, 1e3 / 45)
     },
     w = Math.random,
     y = {
     x: null,
     y: null,
     max: 2e4
     };
     m.id = l,
     m.style.cssText = "position:fixed;top:0;left:0;z-index:" + d.z + ";opacity:" + d.o,
     e("body")[0].appendChild(m),
     o(),
     window.onresize = o,
     window.onmousemove = function (n) {
     n = n || window.event,
     y.x = n.clientX,
     y.y = n.clientY
     },
     window.onmouseout = function () {
     y.x = null,
     y.y = null
     };
     for (var s = [], f = 0; d.n > f; f++) {
     var h = w() * a,
     g = w() * c,
     v = 2 * w() - 1,
     p = 2 * w() - 1;
     s.push({
     x: h,
     y: g,
     xa: v,
     ya: p,
     max: 6e3
     })
     }
     u = s.concat([y]),
     setTimeout(function () {
     i()
     },
     100)
     }();*/
    // 鼠标特效，心
    window.onclick = function(event) {
        var heart = document.createElement("b");
        heart.onselectstart = new Function('event.returnValue=false');
        document.body.appendChild(heart).innerHTML = "❤";
        heart.style.cssText = "position: fixed;left:-100%;";
        var f = 16, // 字体大小
                x = event.clientX - f / 2, // 横坐标
                y = event.clientY - f, // 纵坐标
                c = randomColor(), // 随机颜色
                a = 100, // 透明度
                s = 1.2; // 放大缩小
        var timer = setInterval(function() {
            if (a <= 0) {
                document.body.removeChild(heart);
                clearInterval(timer);
            } else {
                heart.style.cssText = "font-size:16px;cursor: default;position: fixed;color:" + c + ";left:" + x + "px;top:" + y + "px;opacity:" + a + ";transform:scale(" + s + ");";
                y--;
                a -= 0.016;
                s += 0.002;
            }
        }, 12)
    }
    // 随机颜色
    function randomColor() {
        return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + ")";
    }
    //带动画效果
    $("body").on("click","#navCategory a",function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top - 100 + "px"
        }, 800);
        return false;
    });
</script>
</html>
